@import "variables.scss";
@import "common.scss";

.messages-container {
  background-color: $white;
  height: 50vh;
  max-height: 425px;
  overflow-y: auto;
  padding-top: 10px;
}

.widget-embedded {
  .messages-container {
    height: 100%;
    max-height: 100%;
  }
}

.full-screen {

  .messages-container {
    @include messages-container-fs;
  }
}

@media screen and (max-width: 800px)  {
  .messages-container {
    @include messages-container-fs;
  }
}
